草庐IT

Android GridView - 滚动时随机定位

全部标签

javascript - kendo ui 工具提示在网格内的定位问题

我对网格单元格内的kendoui工具提示有疑问。在网格中,我显示了一个简单的文档文件夹。每行列出一个文件。在第一列中,我有一个小的预览图标和一个图像或文件的下载链接。如果我将鼠标悬停在图像上,则会调用工具提示。例子:"title=""data-url="">"border="0"alt=""/>工具提示插入如下:#=target.data('title')#$("#grid").kendoTooltip({filter:"a.has_preview",content:kendo.template($("#template").html()),position:"top"});问题是:如

javascript - 使用 JavaScript 将鼠标滚动事件转发到另一个 div

标题几乎描述了我的目标。这是代码[仅适用于WebKit]:我们有两个div,elem1和elem2。还有一个名为logger的文本框来显示结果。elem1有一些带有溢出的文本:滚动。functioneventHandler(e){varmyEvt=newe.constructor(e.type,e);document.getElementById('elem1').dispatchEvent(myEvt);}functionelem1MouseScroll(e){document.getElementById('logger').value='mousescrollon'+(e.tar

javascript - -webkit-overflow-scrolling 打破了绝对定位

我正在构建一个页面,该页面需要一些元素在页面顶部滚动,否则它们会滚动到屏幕之外。我设法使用position:absolute做到了这一点。一切都运行良好,但它需要动量滚动。我将-webkit-overflow-scrolling:touch添加到可滚动区域的css中。这打破了一切。我的带有position:absolute的粘性元素现在只是与其余内容一起滚动。我的问题是:为什么-webkit-overflow-scrolling:touch会影响绝对定位,有没有办法解决这个问题?更新:每当子元素变为“固定”或“未固定”时,我都会添加一个警报。警报继续触发,因此样式仍在应用,只是不起作用

javascript - 在 AngularJS 中滚动总是在顶部

我正在使用AngularJS(MEAN.io堆栈),我遇到了一个与滚动相关的恼人故障。当用户点击一个链接时,目标页面的滚动位置与原始页面相同,而不是停留在顶部。为了修复这种奇怪的行为,我使用了next:$rootScope.$on("$viewContentLoaded",function(){$anchorScroll();});但是这段代码让每个页面都滚动到顶部位置,这也很烦人,因为用户必须能够返回并恢复之前的滚动位置。有什么建议吗?我怎样才能得到想要的结果?谢谢!编辑--------------------当我尝试使用ng-view+autoscroll解决方案时,它对我不起作用

javascript - 如何在 ngGridEventScroll 上使用页面滚动?

使用ngGridv2.X,我正在尝试开发一个网格,当页面滚动(而不是网格滚动)到达底部时加载更多数据。通过搜索类似的问题,我找到了第一个问题的解决方案:ngGrid必须有动态高度,所以我这样做了.ngViewport{height:auto!important;}.ngCanvas,.ngViewport,.ngRow,.ngFooterPanel,.ngTopPanel{width:100%!important;}.ngRow{border-bottom:none!important;}这将我带到我的第二个问题。我需要通过滚动加载数据,并且我发现:ngGridEventScroll,

javascript - Material design lite,检查滚动是否到达底部

我正在使用MaterialDesignlite和Angular.js。当事件到达底部时无法调用事件。我几乎尝试了所有解决方案,但没有奏效。像jQuery解决方案:$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){alert("bottom!");}});或者Javascript之一:document.addEventListener('scroll',function(event){if(document.body.scrollHeight==do

javascript - 不使用angularjs向下滚动时如何验证表单?

我正在尝试验证名为“同意信息”的页面的表单。在这里,用户必须向下滚动才能向前移动(记住框底部没有复选框,相反用户必须一直向下滚动直到滚动结束),如果用户单击继续/同意按钮而不滚动,必须显示一个div元素/错误,说“需要滚动到信息的底部”(必须是anchor链接,单击它应该用颜色突出显示该框)。这是代码和图片(function(){angular.module('agreeToInfoApp',[]).directive('execOnScrollOnBottom',[function(){return{restrict:'A',link:function(scope,elem,attr

javascript - Initiate Masonry - 在无限滚动和参数搜索之后

AJAX和Masonrygrid有问题.砌体网格很简单,没有在正确的时间启动。在滚动或使用参数搜索转到特定类别之前,效果非常好。可以找到示例站点here.砌体Masonry是一个JavaScript网格布局库。通常与Bootstrap或其他未正确对齐项目的网格系统一起使用。示例:仅自举:引导和砌体:滚动时下一列将添加到旧列之上。提供与unloadedimages几乎相同的输出这使得图像重叠。这通常可以通过使用我已经包含在提供的代码中的imagesLoaded来解决。使用参数搜索时Masonry在AJAX之后没有被解雇。这意味着它根本不起作用。所以柱子在没有砌体的情况下被加载。请参阅sa

javascript - 当某些对象必须避免配对在一起时,如何将一个数组的元素随机映射到另一个数组的元素?

我正在创建一款游戏,玩家需要将屏幕上的对象分类到正确的目标位置。我正在寻找一种方法来随机排列对象,以便没有对象从正确的位置开始。因此,我们不会陷入双重否定的疯狂世界,我将把“正确答案”位置称为“避免”位置,将“错误答案”位置称为此类“有效”位置。数组可能看起来像这样:varsort_items=[{"avoid":["target1","target2"]},{"avoid":["target1","target2"]},{"avoid":["target3"]},{"avoid":["target4","target5"]},{"avoid":["target4","target5"

javascript - 如何使用转换 :translateY() "AngularJS"? 创建垂直滚动条

我正在使用InfiniteScroll在我的应用程序中,我想实现指令中当前不支持的双向滚动效果。我添加了滚动检测方法,它可以发现滚动的向上/向下移动,因此我正在基于此进行计算。我添加了translateY,因此可以轻松添加和删除新元素。因此理想情况下,在向下移动时,应该添加一个新元素,同时应该删除向上的旧元素。滚动不流畅,卡住了。所有元素都是动态的,可以有不同的高度。更新了这个方法handler=function(){varcontainerBottom,containerTopOffset,elementBottom,remaining,shouldScroll,currentPos